import ReactDOM from 'react-dom/client'
// 下面引入的这个包，用于去除默认样式，需要执行 npm i reset-css 指令安装
import 'reset-css'  // 这个包用于初始化，所以要放在引入组件的上方，防止初始化的样式与组件样式冲突，替换掉组件样式
// 引入全局样式
import '@/assets/style/global.scss'   // 这里的 @ 符号相当于 src 目录路径，使用这个符号需要在 vite.config.ts 文件中进行配置
import App from './App.tsx'
import { BrowserRouter } from 'react-router-dom'
// import Router from './router/index2'
import { Provider } from 'react-redux'
// 引入仓库
import store from '@/store/index.ts'

ReactDOM.createRoot(document.getElementById('root')!).render(
  // 下面是利用 Provider 将仓库 store 提供给 App组件 以及 App下的所有组件
  <Provider store={store}>
    {/* 下面这个标签用于开启严格模式 */}
    {/* <React.StrictMode> */}

      {/* 下面是直接将路由组件挂载到当前项目的入口文件中，这种写法的要求是当前router路由的写法是组件形式，在router中会返回指定的路由组件，这里再把指定的路由组件挂载到根标签上 */}
      {/* <Router /> */}
      
      {/* 如果当前项目的router写法采用的是路由表写法，那么就要用下面这种方式 */}
      <BrowserRouter>
        <App/>
      </BrowserRouter>

    {/* </React.StrictMode> */}
  </Provider>
)
